2. Variáveis em Sass.md

📝 Exercício: Trabalhando com Variáveis em Sass

1. 📁 Crie um novo arquivo HTML e um arquivo .scss no seu projeto, seguindo os passos das lições anteriores.

2. Com o arquivo .scss criado, 🔍 Utilize a extensão Watch Sass para compilar o código SCSS e gerar os arquivos style.css e style.css.map.

3. No arquivo SCSS, 🎨 crie variáveis para armazenar valores de cores, tamanhos de fontes, e espaçamentos. Utilize essas variáveis para estilizar uma página básica com as tags <header></header>, <main></main>, <footer></footer> e <section></section>. Por exemplo, você pode definir uma cor de fundo para a <section>, uma cor para as tags <p></p>, e tamanhos de fonte para os textos no <footer>.

4. 🎯 Dica Adicional: Experimente criar variáveis para armazenar valores de espaçamento como padding e margin, e aplique-os em suas tags. Veja como as variáveis facilitam a manutenção e a modificação do seu código.

❓ Quer correção? Envie o seu exercício resolvido na área de comentários da matéria da aula no Classroom. 🏫